.leftBox {
    width: 30%;
    height: 100%;
    float: left;

    // 左侧第一个盒子内容
    .leftone {
        width: 75%;
        height: 23%;
        margin-top: 5%;
        margin-left: 12%;
        background: #0C1D5F;
        position: relative;

        .leftoneimg {
            width: 100%;
            height: 25%;
        }

        .leftoneP {
            position: absolute;
            top: 6%;
            left: 5%;
            font-size: 18px;
            color: #7286D6;
        }

        .leftDl {
            margin-top: 3%;

            dl {
                width: 20%;
                height: 20%;
                margin-left: 10%;
                float: left;

                .leftDlImg {
                    width: 100%;
                }

                dd {
                    text-align: center;
                }

            }
        }
    }

    // 左侧第二个盒子内容
    .lefttow {
        width: 75%;
        height: 30%;
        margin-top: 5%;
        margin-left: 12%;
        position: relative;

        .lefttowimg {
            width: 100%;
            height: 15%;
        }

        .lefttowP {
            position: absolute;
            top: 4%;
            left: 5%;
            font-size: 18px;
            color: #7286D6;
        }

        .lefttowmain {
            width: 100%;
            height: 20%;

            dl {
                width: 46%;
                height: 100%;
                float: left;


                dt {
                    width: 30%;
                    height: 80%;
                    float: left;
                    margin-top: 5%;

                    .lefttowdlimg {
                        width: 60%;
                        height: 100%;
                        margin-left: 50%;
                    }
                }

                dd {
                    float: right;
                    margin-top: 10%;
                    text-align: center;
                }
            }
        }

    }

    // 左侧第三个盒子内容
    .leftbuttom {
        width: 75%;
        height: 35%;
        margin-top: 5%;
        margin-left: 12%;
        // background: red;
        position: relative;

        .leftbuttomimg {
            width: 100%;
            height: 15%;
        }

        .leftbuttomP {
            position: absolute;
            top: 4%;
            left: 5%;
            font-size: 18px;
            color: #7286D6;
        }
    }
}

.cenetrBox {
    width: 40%;
    height: 100%;
    float: left;
}

.rightBox {
    width: 30%;
    height: 100%;
    float: right;
    ;

    .Tous {
        width: 80%;
        height: 55%;
        margin: 0 auto;

        .Tops_Com {
            width: 100%;
            height: 100%;
            background-color: #0C1D5F;


            .Imgs_com {
                width: 100%;
                height: 80px;
                background-image: url("../../../../public//icon/左.png");
                background-repeat: no-repeat;
                background-size: 100%;
                line-height: 50px;
                padding-left: 15px;
            }

            dl {
                margin-left: 80px;
                margin-bottom: 15px;
            }

            dl img {
                width: 80%;
                height: 150px;
                margin: 0 auto;
            }

            dl dt {
                float: left;
                margin-right: 15px;
            }

            dl dd {
                line-height: 35px;
            }

            .Ul_Com {
                width: 100%;
                height: 300px;
                background-color: #0C1D5F;

                ul {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;

                    li:first-child {
                        background-color: #0930A6;
                    }

                    li {
                        display: flex;
                        justify-content: space-around;
                        line-height: 50px;
                    }
                }
            }
        }
    }

    .Bottoms {
        width: 80%;
        height: 30%;
        margin: 0 auto;
        margin-top: 40px;

        .Tops_Com {
            width: 100%;
            height: 100%;

            .Imgs_com {
                width: 100%;
                height: 50px;
                background-image: url("../../../../public//icon/左.png");
                background-repeat: no-repeat;
                background-size: 100%;
                line-height: 50px;
                padding-left: 15px;
            }

            .Ul_Com {
                width: 100%;
                height: 100%;
                background-color: #0C1D5F;
                margin-top: 15px;

                ul {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;

                    li:first-child {
                        background-color: #0930A6;
                    }

                    li {
                        display: flex;
                        justify-content: space-around;
                        line-height: 42px;
                    }
                }
            }
        }
    }
}